<?php $bodyClass = "upload edit" ; ?>
<?php require("../frame/frame_head_echo.php"); ?>

<div class="container system-container ppt-12 br-6">
	<h1>编辑个人资料</h1>

	<form class="system-form edit-user" action="#">
		<div class="input-group">
			<label for="voice-name">姓名</label>
			<input id="voice-name" class="system-input" type="text" value="原用户名" />
			<p class="help-block">不可包含空格，不可包含 @ &lt; &gt; &amp; / " ' 等符号, 不可超过20个字符</p>
		</div>

		<div class="input-group upload-voice">
			<label>个人头像</label>
			
			<div class="uploaded-voice-wp uploaded-cover-wp cf">
				<div class="uploaded-voice-cover fl">
					<img src="../images/page_images/voice_5.jpg" alt="voice-cover" />
				</div>
				<div class="fl">
					<span>上传成功</span>
					<span class="error">上传失败</span>
					<a class="btn ht btn-reupload" href="#" rel="nofollow">重新上传</a>
				</div>
			</div>
			<div class="ui-progress-bar">
				<div class="progress">
					<div class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:40%;"></div>
				</div>
			</div>
		</div>

		<div class="input-group">
			<label for="gender">性别</label>
			<select id="gender" class="form-select gender" name="gender">
				<option value="0">男</option>
				<option value="1">女</option>
			</select>
		</div>
		
		<div class="input-group">
			<label for="constellation">星座</label>
			<select id="constellation" class="form-select" name="constellation">
				<option value="0">白羊座</option>
				<option value="1">处女座</option>
			</select>
		</div>

		<div class="input-group">
			<label for="area">星座</label>
			<select id="area" class="form-select" name="area">
				<option value="0">国家</option>
				<option value="1">中国</option>
			</select>
			<select id="province" class="form-select" name="province">
				<option value="0">省份</option>
				<option value="1">广东省</option>
			</select>
			<select id="city" class="form-select" name="city">
				<option value="0">城市</option>
				<option value="1">广州市</option>
			</select>
		</div>

		<div class="input-group">
			<label for="user-intro">个人简介</label>
			<textarea name="user-intro" id="user-intro" class="system-input" rows="8" placeholder="丰富你的个人简历，发现更多兴趣好友"></textarea>
		</div>
		
		<a class="btn ht resubmit-btn" href="#" rel="nofollow">确认修改</a>
	</form>
</div>

<script type="text/javascript">
	$(document).ready(function() {
		$('.label-select label').on('click',function() {
			$(this).addClass('active').siblings().removeClass('active');
		});
		$('.label-checkbox label').on('click',function() {
			$(this).addClass('active').siblings().removeClass('active');
		});
	});
</script>

<?php require("../frame/frame_foot.php"); ?>